<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Sistema de AX Plus</title>
    <link rel="stylesheet" type="text/css" href="../css/banner.css"/>
    <script type="text/javascript" src="../JavaScript/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" id="scriptejemplo">
    function paint(clicked)
    {
    var links = clicked.parentNode.parentNode.parentNode.getElementsByTagName("a");
    
    for (var a = 0; a < links.length; a++)
    {
        links[a].className = "normal";
    }
    clicked.className ="selected";
    
    }
    
 
    </script>
    
    <script type="text/javascript">
function updateBackground() {
  screenWidth = $(window).width();
  screenHeight = $(window).height();
  bg = $("#imgBanner");
  
  // Proporcion horizontal/vertical
  ratio = 1;
  /*
  if (screenWidth/screenHeight > ratio) {
    $(bg).height("50%");
    $(bg).width("71%");
  } else {
    $(bg).width("auto");
    $(bg).height("50%");
  }*/

  if ($(bg).width() > 0) {
    $(bg).css('left', (screenWidth - $(bg).width()) / 2);
  }  
}
$(document).ready(function() {
  updateBackground();
  $(window).bind("resize", function() {
    updateBackground();
  });
});
</script>

</head>
<table border ="0">
     <tr>
         <td>
             <a href="paginaPrincipal.php?accion=paginaPrincipal"  target="Principal" alt="Pagina Principal">
             <img alt="numar"  style=" margin-left:0.1%;margin-top: 0.15%" height="80" width="200" src="Imagenes/logoNumar2.jpg"/></a>
         </td>
         <td>
            <!--<img id="imgBanner" alt="numar" style=" margin-left:25%;margin-right:15%;margin-top: 0.15%;width:100%" height="140" src="Imagenes/Banner3.bmp"/>-->
            <img id="imgBanner" alt="numar" style=" margin-left:15%;margin-right:15%;margin-top: 0.15%;" height="125px" width="900px" src="Imagenes/banner2.png"/>
         </td>
     </tr>
</table>
<div>
    <ul class="estilo1">
        <li class="menuli">
            <a href="paginaPrincipal.php?accion=paginaPrincipal" target="Principal"  class="normal" onclick="paint(this)">Principal</a>
        </li>
        <li class="menuli">
            <a href="paginaPrincipal.php?accion=logOut&controlador=data" target="Principal"  class="normal">LogOut</a>
        </li>
        <li class="menuli">
            <a href="paginaPrincipal.php?accion=validaUsuarioLogeado&controlador=data" target="Principal" class="normal"  onclick="paint(this)">Usuarios</a>
        </li>
        <!--
        <li class="menuli">
            <a href="paginaPrincipal.php?accion=agregarEmbalajes" target="Principal" class="normal" onclick="paint(this)">Agregar</a>
        </li>
        -->
    </ul>
</div>
<br/>
